<!DOCTYPE html>
<html>
	<head>
		<!-- Update title -->
		<title>The Anatomy of a Cinder App</title>

		<!-- keywords used for searching -->
		<meta name="keywords" content="guide, anatomy, app, flow, structure">
		<meta name="viewport" content="width=device-width, initial-scale=1">

		<!-- reference to Cinder classes -->
   		<!-- <ci seealso dox="[CLASS NAME GOES HERE]" label="[NAME OF LINK]"></ci> -->

   		<!-- master stylesheet - these links will be replaced when compiled -->
		<link rel="stylesheet" href="../../_assets/css/foundation.css">
		<link rel="stylesheet" href="../../_assets/css/prism.css">
		<link rel="stylesheet" href="../../_assets/css/style.css">
		<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>

		
	</head>
	<body id="guide-contents" >

		<!-- CONTENT STARTS HERE -->
		<h1>The Anatomy of a Cinder App</h1>
		
		<h2>Introduction</h2>
		<p>This diagram shows the program flow of a Cinder app. </p>

		<h2>Structure</h2>
		<div class="image">
			<img src="images/CinderLoop.png" alt="CinderLoop.png"/>
		</div>
		
		
		<!-- END CONTENT -->

		<!-- Scripts -->
		<script src="../../_assets/js/prism.js" type="text/javascript"></script>
	</body>
</html>